<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导航页面</title>
    <style>
        *{margin: 0;padding: 0;}
        #container{
            width: 100%;
            height: 100vh;
        }
    </style>
    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'d32c5f01bdfe259eab0d5856c64c4d9e',
        }
  </script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=608bc56eae332a5db339f8b3f4fedc6b"></script>
</head>
<body>
<div id="container"></div>

<script>
    var map = new AMap.Map("container", {
       zoom: 15, //级别
       center: [116.397428, 39.90923], //中心点坐标
     })


    // // 电话
     // var h5Port
      // window.addEventListener("message", function (event) {
      // // alert(event.data) // 成功
        // if (event.data == "__init_port__") {
            // h5Port =  event.ports[0]
           // h5Port.postMessage(JSON.stringify({ type: 'connect_ok' })) // 告知原生连接成功
        // }
      // })
        window.onload = function(){
            if(window.shenling){
                shenling.getLocation("getLocation")
            }
        }

        // 网页调原生
       function getLocation(lon,lat){
        // shenling.alert(lon + '_' + lat)
        // 将坐标定位到对应的经纬度上
        map.setZoomAndCenter(17,[lon,lat])
        map.plugin(["AMap.PlaceSearch"], function () {
          var MSearch = new AMap.PlaceSearch({
            pageSize: 4,
            pageIndex: 1, //请求页码，默认1
            extensions: "base", //返回信息详略，默认为base（基本信息）
          }) //构造PlaceSearch类
          AMap.event.addListener(MSearch, "complete", (result) => {
           shenling.receiveData("search_list",JSON.stringify(result?.poiList?.pois || []))
          }) //返回结果
          MSearch.searchNearBy("地点", new AMap.LngLat(lon, lat)) //关键字查询
        })
      }

   </script>
</body>
</html>